<template>
    <div>
       <!-- <h1 style="text-align:center;">Guidelines</h1> -->
        <p style="text-align:center;font-size:40px">Guidelines</p>
        <p>
            All the information that you could possibly want can be
            found by downloading the following files:
        </p>
        <p><a href = "/pdf/GUIDELINES.pdf" class = button target="_blank"> GUIDELINES</a></p>
        <p><a href="/pdf/Conversion.pdf" class = button target="_blank">CONVERSION CHARTS</a></p>
        <p><a href="/pdf/Record.pdf" class = button target="_blank"> RECORDING SHEET</a></p>
    </div>
</template>

<script>

</script>

<style scoped>
  a{
      background-color: #127f76;
      border-radius: 5px;
      padding: 5px 10px 5px 10px;
      font-size: 20px;
      border: none;
      cursor: pointer;
      text-align: center;
      /*
    background-color: #127f76;
    border-radius: 4px;
    padding: 5px 5px;
    font-size: 2vw;
    border:15px;
       */
  }
  a:link, a:visited{
    text-decoration: none;
    color:white;
  }
</style>